﻿<extend name="Base/common"/>
<block name="body">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/device_lists.css">
	<div class="container">
		<!-- <?php var_dump($device) ?> -->
		<div id="breadcrumb">
			当前位置：
			<a href="{:U('index/index')}">首页</a>
			>
			仪器设备
		</div>
		<div id="device-list">
		<volist name="device" id="vo">
			<div class="device-item">
				<div class="device-item-img">
					<div class="device-item-title">{$vo.title}</div>
					<div class="device-item-intro">
						{:mb_substr(strip_tags($vo['intro']),0,300)}
					</div>
					<img src="/lab{:get_cover($vo['apparatus_pic'],'path')}">
				</div>
				<a href="{:U('Home/Device/detail',array('id'=>$vo['id']))}"><div class="device-item-reserve">申请预约</div></a>
			</div>
		</volist>
		</div>
	</div>

	<script type="text/javascript">
		$(".device-item").hover(function(){
			$(this).find(".device-item-intro").animate({height:"100%"});
			$(this).find(".device-item-title").fadeOut();
		}, function(){
			$(this).find(".device-item-intro").animate({height:"0"});
			$(this).find(".device-item-title").fadeIn();
		});
	</script>
</block>